<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="include.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>主页面</title>
	<script type="text/javascript">
		$(function(){
			$('#tt').tree({    
			    url:'menuUtil/treeData.do',
			    idFiled:'id',
			    textFiled:'text',
			    parentField:'pid',
			    onClick: function(node){
			    	//判断是目录还是文件
			    	var flag0=$("#tt").tree("isLeaf",node.target);
			    	if(flag0){
			    		//是叶子节点(是文件)
			    		//判断是否有对应的选项卡
				    	var flag=$("#tt2").tabs("exists",node.text);
				    	//如果有则点击选中
				    	if(flag){
				    		$("#tt2").tabs("select",node.text);
				    	}else{
				    	//如果没有新打开一个选项卡
				    		$("#tt2").tabs("add",{    
						    title:node.text,    
						    content:"<iframe src='"+node.attributes+"' width='100%' height='99%'/>",    
						    closable:true,
						    fit:true,
						    toolPosition:'right'			
							});
				    	}
			    	}else{
			    		//是目录
			    		//判断状态是打开还是关闭
			    		if(node.state=="open"){
			    			//目录是打开的
			    			//让目录收缩
			    			$("#tt").tree("collapse",node.target);
			    		}else if(node.state=="closed"){
			    			//目录是关闭的
			    			//让目录展开
			    			$("#tt").tree("expand",node.target);
			    		}
			    	}
				}
			}); 
			//给换肤下拉框添加选择事件
			$("#proTheme").combobox({
				onSelect: function(record){
					//取选中的值
					var v=record.value;
					var start="<%=path %>/js/jquery-easyui-1.3.4/themes/";
					var end="/easyui.css";
					var v2=start+v+end;
					//替换easyUI <link>标签href属性的值
					$("#theme").attr("href",v2);
				}
			});

		});
	</script>
	<style type="text/css">
		#div1{
			width:200px;
			height:92px;
			float:left;
		}
		#div2{
			width:1515px;
			height:92px;
			float:left;
			text-align: center;
			line-height: 92px;
			font-size: 30px;
    		font-weight: 800;
		}
		#div3{
			background-color:red;
			height:92px;
			width:200px;
			text-align: center;
			line-height: 46px;
			float:left;
		}
	</style>
  
  </head>
  <body class="easyui-layout">   
    <div data-options="region:'north',split:true" style="height:100px;">
    	<div>
	    	<div id="div1">
	    		<!-- 设置logo图片-->
	    		<img alt="logo" height="92px" width="200px" src="js/images/logo.PNGs"/>
	    		 
	    	</div>
	    	<div id="div2">
	    		<!-- 项目标题 -->
<%--				宝鸡地震灾害风险调查--%>
	    	</div>
	    	<div id="div3">
	    		&nbsp;&nbsp;<b style="font-size: 20px">欢迎您【${user.userName}】</b><br/>
<%--	    		换肤:<select class="easyui-combobox" id="proTheme" style="width:75px;">   --%>
<%--					    <option value="default">默认经典</option>   --%>
<%--					    <option value="black">包青天黑</option>   --%>
<%--					    <option value="gray">老年灰色</option>   --%>
<%--					    <option value="bootstrap">自然甜涩</option>--%>
<%--						<option value="metro-blue">甜涩蓝蓝</option>--%>
<%--						<option value="metro-green">自然绿帽</option>--%>
<%--						<option value="metro-orange">甜涩黄黄</option>--%>
<%--						<option value="metro-red">自然鲜红</option>--%>
<%--						<option value="metro-gray">自然灰灰</option>--%>
<%--					</select>&nbsp;  --%>
					<a href="<%=path %>/user/logout.do" style="text-decoration:none">安全推出</a>
	    	</div>
   		 </div>	
    </div>   
    <div data-options="region:'west',title:'菜单栏',split:true,collapsible:false" style="width:200px;">
    	<ul id="tt"></ul> 
    </div>   
    <div data-options="region:'center',title:'&nbsp;&nbsp;'" style="padding:5px;background:#eee;">
    	<div id="tt2" class="easyui-tabs"></div>
    </div> 
    <div data-options="region:'south',title:'',split:true" style="padding:5px;background:#eee;height:50px;">
    	<div style="text-align:center">
    		关于天猫 帮助中心 开放平台 诚聘英才 联系我们 网站合作 法律声明 隐私权政策 知识产权 廉正举报 规则意见征集<br/>
    	</div>
    	<div style="text-align:right">
    		@2010-2030版权所有,违者必究,犯我系统者,虽远必诛
    	</div>
    </div>   
</body>
</html>
